<template>
  <div class="box">
    <el-container>
      <el-header height="80px">
        <home-header></home-header>
      </el-header>
      <el-container>
        <!-- 菜单 -->
        <el-aside width="300px">
          <Aside />
        </el-aside>
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import HomeHeader from "@/components/home/HomeHeader";
import Aside from "../components/home/Aside.vue";
export default {
  components: {
    HomeHeader,
    Aside,
  },
};
</script>

<style lang="scss" scoped>
.box {
  height: 100%;
  .el-container {
    background-color: #262626;
    height: 100%;
    .el-main {
      background-color: aliceblue;
      height: 100%;
      font-size: 20px;
    }
  }
}
.el-aside {
  height: 100%;
  background-color: turquoise;
}
</style>